import { createRouter, createWebHistory } from 'vue-router'

// 2. 定义一些路由
const routes = [
    
    {
        path: '/',
        name: 'moveshow',
        component: () => import("@/views/MoveShow.vue"),
        meta: { title: '首页', show: false, icon: 'House', useFrame: true }
        //useFrame 代表是否开启全屏  false代表不开启
    },
    {
        path: '/movedetails',
        name: 'movedetails',
        component: () => import("@/views/MoveDetails.vue"),
        meta: { title: '首页', show: false, icon: 'House', useFrame: true }
        //useFrame 代表是否开启全屏  false代表不开启
    },
    {
        path: '/home',
        name: 'home',
        component: () => import("@/views/Home.vue"),
        meta: { title: '首页', show: true, icon: 'House', useFrame: false }
        //useFrame 代表是否开启全屏  false代表不开启
    },
    {
        path: '/category',
        component: () => import("@/views/category/index.vue"),
        meta: { title: '类目管理', show: true, icon: 'Share'},
        children: [
            {
                path: '/category/list',
                name: 'category-list',
                component: () => import("@/views/category/List.vue"),
                 meta: { title: '类目列表', show: true, icon: 'List' },
            },
            {
                path: '/category/add',
                name: 'category-add',
                component: () => import("@/views/category/Add.vue"),
                meta: { title: '类目添加', show: true, icon: 'Plus' },
            }, {
                path: '/category/edit',
                name: 'category-edit',
                component: () => import("@/views/category/Edit.vue"),
                meta: { title: '类目编辑', show: false, icon: 'Edit' },
            }
        ]
    },
    {
        path: '/product',
        component: () => import("@/views/product/index.vue"),
        meta: { title: '商品管理', show: true, icon: 'Share' },
        children: [
            {
                path: '/product/list',
                name: 'product-list',
                component: () => import("@/views/product/List.vue"),
                meta: { title: '商品列表', show: true, icon: 'List' },
            },
            {
                path: '/product/add',
                name: 'product-add',
                component: () => import("@/views/product/Add.vue"),
                meta: { title: '商品添加', show: true, icon: 'Plus' },
            }, {
                path: '/product/edit',
                name: 'product-edit',
                component: () => import("@/views/product/Edit.vue"),
                meta: { title: '商品编辑', show: false, icon: 'Edit' },
            }
        ]
    }

]
// 3. 创建路由实例并传递 `routes` 配置
const router = createRouter({

    history: createWebHistory(),
    routes, // `routes: routes` 的缩写
})
//导出路由
export default router